<template>
	<view class="content">
		<view class="head">
			<view class="head-text">头像</view>
			<image class="img1" src="../../../../static/my/order-1.png" mode=""></image>
			<image class="img2" src="../../../../static/my/right.png" mode=""></image>
		</view>
		<view class="middle">
			<view class="middle-text">昵称</view>
			<view class="middle-name">微信用户</view>
			<image class="middle-img2" src="../../../../static/my/right.png" mode=""></image>
		</view>
		<view class="footer">
			<view class="footer-text">生日</view>
			<view class="footer-time">未设置</view>
			<image class="footer-img2" src="../../../../static/my/right.png" mode=""></image>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	page {
		background-color: #F2F5F9;
	}

	.content {
		background-color: #FFFFFF;
		margin-top: 30rpx;

		.head {
			display: flex;
			align-items: center;
			padding: 20rpx;

			.head-text {
				position: relative;
				color: #000000;
				font-size: 30rpx;
				font-weight: 700;
				margin-right: 520rpx;
			}

			.img1 {
				width: 80rpx;
				height: 80rpx;
				background-color: #929292;
				border-radius: 50%;
			}

			.img2 {
				position: absolute;
				right: 20rpx;
				width: 14rpx;
				height: 28rpx;
			}
		}

		.middle {
			display: flex;
			align-items: center;
			padding: 20rpx;

			.middle-text {
				position: relative;
				color: #000000;
				font-size: 30rpx;
				font-weight: 700;
				margin-right: 520rpx;
			}

			.middle-name {
				position: absolute;
				right: 60rpx;
				color: #999999;
				font-size: 27rpx;
			}

			.middle-img2 {
				position: absolute;
				right: 20rpx;
				width: 14rpx;
				height: 28rpx;
			}
		}
		
		.footer {
			display: flex;
			align-items: center;
			padding: 20rpx;
		
			.footer-text {
				position: relative;
				color: #000000;
				font-size: 30rpx;
				font-weight: 700;
				margin-right: 520rpx;
			}
		
			.footer-time {
				position: absolute;
				right: 60rpx;
				color: #999999;
				font-size: 27rpx;
			}
		
			.footer-img2 {
				position: absolute;
				right: 20rpx;
				width: 14rpx;
				height: 28rpx;
			}
		}
	}
</style>
